<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>推荐人信息</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_700684_nxz31xbunnl.css">
  <!-- <link rel="stylesheet" href="../../css/common/font_700684_uyri04bavjb/iconfont.css"> -->
  <link rel="stylesheet" href="../../../css/common/flex.css">
  <link rel="stylesheet" href="../../../css/common/reset.css">
  <link rel="stylesheet" href="../../../css/common/border-1px.css">
  <link rel="stylesheet" href="../../../css/common/common.css">
</head>

<body>
  <div class="page-wrap">
    <div class="recommend-person-info-wrap">
      <!-- 搜索框 -->
      <div class="c-input-wrap fx-row page-padding">
        <input class="input input-add-icon fx-1 fs-14" type="text" placeholder="&#xe61a; 大家都在搜“百度”" name="searchname" id="">
      </div>
      <!-- 导航 -->
      <ul class="subnav-items recommend-subnav-items fx-row fx-row-center fx-col-center">
        <li class="subnav-item fx-1 fs-16">
          <span class="subnav">求职区</span>
        </li>
        <li class="subnav-item active fx-1 fs-16">
          <span class="subnav">推荐区</span>
        </li>
      </ul>
      <!-- 列表 -->
      <div class="recommend-person-hot-wrap page-padding">
        <!-- 头部信息 -->
        <div class="c-recommend-person-title fx-row fx-row-center">
          <div class="title-name fx-1 overflow_1line fs-15">
            热门推荐人
          </div>
          <!-- 更多 -->
          <div class="more-wrap">
            <span class="more fs-13">更多</span>
            <i class="iconfont icon-you1"></i>
          </div>
        </div>
        <!-- 列表信息 -->
        <div class="recommend-person-hot-list-wrap">
          <ul class="c-recommend-person-hot-items fx-row fx-row-center">
            <li class="c-recommend-person-hot-item fx-1">
              <div class="header-img">
                <img src="../../../images/headImg.png" alt="">
              </div>
              <p class="c-text name overflow_1line fs-16">杨幂</p>
              <p class="c-text job fx-14">运营总监</p>
            </li>
            <li class="c-recommend-person-hot-item fx-1">
              <div class="header-img">
                <img src="../../../images/headImg.png" alt="">
              </div>
              <p class="c-text name overflow_1line fs-16">杨幂</p>
              <p class="c-text job fx-14">运营总监</p>
            </li>
            <li class="c-recommend-person-hot-item fx-1">
              <div class="header-img">
                <img src="../../../images/headImg.png" alt="">
              </div>
              <p class="c-text name overflow_1line fs-16">杨幂</p>
              <p class="c-text job fx-14">运营总监</p>
            </li>
            <li class="c-recommend-person-hot-item fx-1">
              <div class="header-img">
                <img src="../../../images/headImg.png" alt="">
              </div>
              <p class="c-text name overflow_1line fs-16">杨幂</p>
              <p class="c-text job fx-14">运营总监</p>
            </li>
          </ul>
        </div>
      </div>
      <!-- 间隙 -->
      <div class="placeholder-div"></div>
      <!-- 列表 -->
      <div class="recommend-person-hot-wrap page-padding">
        <!-- 头部信息 -->
        <div class="c-recommend-person-title fx-row fx-row-center">
          <div class="title-name fx-1 overflow_1line fs-15">
            校友悬赏榜
            <span class="little-tips fs-12">(为校友推荐工作，领算进)</span>
          </div>
          <!-- 更多 -->
          <div class="more-wrap">
            <span class="more fs-13">更多</span>
            <i class="iconfont icon-you1"></i>
          </div>
        </div>
        <!-- 列表信息 -->
        <div class="recommend-person-hot-list-wrap">
          <div class="friend-recommond-list-wrap">
            <ul class="friend-recommond-items">
              <li class="c-friend-recommond-item">
                <!-- 被推荐人信息 -->
                <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
                  <!-- 头像 -->
                  <div class="recommond-head-pic">
                    <img src="../../../images/recommend-head.png" alt="">
                  </div>
                  <!-- 中间 -->
                  <div class="recommond-basic-info fx-1 fx-col-space-between">
                    <p class="text name fs-16 overflow_1line">蒋依依</p>
                    <p class="text school fs-13 overflow_1line">清华大学</p>
                  </div>
                  <div class="recommond-basic-info fx-1 fx-col-space-around">
                    <p class="text student fs-12 overflow_1line ">在校生</p>
                    <p class="text job fs-12 overflow_1line">行政助理</p>
                  </div>
                  <div class="operation-wrap fx-col-top">
                    <a href="#" class="button fs-10">推荐TA</a>
                  </div>
                </div>
                <!-- 分割线 -->
                <div class="segment-line-wrap  page-padding10 fx-row fx-row-center">
                  <span class="circle"></span>
                  <span class="line fx-auto"></span>
                  <span class="text fs-14">推荐岗位</span>
                  <span class="line fx-auto"></span>
                  <span class="circle"></span>
                </div>
                <!-- 推荐岗位 -->
                <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
                  <!-- 左边工作信息 -->
                  <div class="left-job-info-wrap fx-1">
                    <div class="fx-column fx-row-space-between">
                      <div class="left-top-info">
                        <div class="job-info fx-row">
                          <h6 class="company-name fs-14">宏联网络</h6>
                          <p class="job-name f4-14">行政文员实习生</p>
                          <p class="job-salary fs-14">3k-6k</p>
                        </div>
                      </div>
                      <div class="left-bottom-info overflow_1line fs-12">
                        上海 / 经验应届毕业生 / 本科
                      </div>
                    </div>
                  </div>
                  <!-- 右边悬赏信息 -->
                  <div class="right-reward-info-wrap">
                    <div class="fx-column fx-row-space-between fx-row-center">
                      <img class="reward-img" src="../../../images/reward.png" alt="">
                      <p class="sum-money fs-12">悬赏500元</p>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 间隙 -->
      <div class="placeholder-div"></div>
      <!-- 列表 -->
      <div class="recommend-person-hot-wrap page-padding">
        <!-- 头部信息 -->
        <div class="c-recommend-person-title fx-row fx-row-center">
          <div class="title-name fx-1 overflow_1line fs-15">
            校友悬赏榜
            <span class="little-tips fs-12">(为校友推荐工作，领算进)</span>
          </div>
          <!-- 更多 -->
          <div class="more-wrap">
            <span class="more fs-13">更多</span>
            <i class="iconfont icon-you1"></i>
          </div>
        </div>
        <!-- 列表信息 -->
        <div class="recommend-person-hot-list-wrap">
          <div class="friend-recommond-list-wrap">
            <ul class="friend-recommond-items">
              <li class="c-friend-recommond-item">
                <!-- 被推荐人信息 -->
                <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
                  <!-- 头像 -->
                  <div class="recommond-head-pic">
                    <img src="../../../images/recommend-head.png" alt="">
                  </div>
                  <!-- 中间 -->
                  <div class="recommond-basic-info fx-1 fx-col-space-between">
                    <p class="text name fs-16 overflow_1line">蒋依依</p>
                    <p class="text school fs-13 overflow_1line">清华大学</p>
                  </div>
                  <div class="recommond-basic-info fx-1 fx-col-space-around">
                    <p class="text student fs-12 overflow_1line ">在校生</p>
                    <p class="text job fs-12 overflow_1line">行政助理</p>
                  </div>
                  <div class="operation-wrap fx-col-top">
                    <a href="#" class="button fs-10">推荐TA</a>
                  </div>
                </div>
                <!-- 分割线 -->
                <div class="segment-line-wrap  page-padding10 fx-row fx-row-center">
                  <span class="circle"></span>
                  <span class="line fx-auto"></span>
                  <span class="text fs-14">推荐岗位</span>
                  <span class="line fx-auto"></span>
                  <span class="circle"></span>
                </div>
                <!-- 推荐岗位 -->
                <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
                  <!-- 左边工作信息 -->
                  <div class="left-job-info-wrap fx-1">
                    <div class="fx-column fx-row-space-between">
                      <div class="left-top-info">
                        <div class="job-info fx-row">
                          <h6 class="company-name fs-14">宏联网络</h6>
                          <p class="job-name f4-14">行政文员实习生</p>
                          <p class="job-salary fs-14">3k-6k</p>
                        </div>
                      </div>
                      <div class="left-bottom-info overflow_1line fs-12">
                        上海 / 经验应届毕业生 / 本科
                      </div>
                    </div>
                  </div>
                  <!-- 右边悬赏信息 -->
                  <div class="right-reward-info-wrap">
                    <div class="fx-column fx-row-space-between fx-row-center">
                      <img class="reward-img" src="../../../images/reward.png" alt="">
                      <p class="sum-money fs-12">悬赏500元</p>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="../../../asset/js/rem.js"></script>
<script>
</script>

</html>